<template>
  <div class="productmsg">
    <div class="pro_msg">
      <h5>小清新可爱行李箱女万向轮学生密码拉杆箱复古皮箱子男铝框旅行箱</h5>
      <div class="shoucang">
        <a href="#" class="a1">
          <span class="span1"><img src="../../../static/img/y_star.png"></span>
          <span class="span2">收藏</span>
        </a>
        <a href="#" class="a2">
          <span class="span1"><img src="../../../static/img/y_home.png"></span>
          <span class="span2">小店</span>
        </a>
        <a href="#" class="a3">加入购物车</a>
        <a href="#" class="a4">立即购买</a>
      </div>
      <div class="free">
        <span>免邮费</span>
        <span class="zhejiang">浙江省温州市</span>
      </div>
      <div class="white">
        <span><img src="../../../static/img/upload_804deld49f8i13gb2gdji12k6h9h2_60x60.png_60x60.png">白付美分期购</span>
        <span><img src="../../../static/img/upload_655a8fjadhhj1hbd87ae13hd91325_60x60.png_60x60.png">蘑菇良品</span>
        <span><img src="../../../static/img/upload_8fak1807jfee78jjh49f146g09hc5_60x60.png_60x60.png">7天发货</span>
        <span><a href="" style="color:#999;font-size:18px;">></a></span>
      </div>
      <div class="choice">
        <span>请选择：颜色&nbsp;尺寸</span>
        <span><a href="" style="color:#999;font-size:18px;">></a></span>
      </div>
      <div class="liangpin">
        <span style="display: flex"><img src="../../../static/img/idid_ie4wkmrrhbrgcojtmqzdambqgqyde_56x36.png">满299元减80元，满169元减40元</span>
        <span>立即领券></span>
      </div>
      <div class="youhui">
        <p class="p_one">优惠活动(3)</p>
        <div class="three">
          <div class="y_block">
            <p class="money"><span>￥</span>3</p>
            <p class="minus">满3.01元立减</p>
          </div>
          <div class="y_block">
            <p class="money"><span>￥</span>3</p>
            <p class="minus">满3.01元立减</p>
          </div>
          <div class="y_block">
            <p class="money"><span>￥</span>3</p>
            <p class="minus">满3.01元立减</p>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>
<script type="text/ecmascript-6">
    export default {
      props:["detailList"],
       components:{

       }


    }
</script>
<style scoped>
  /*====商品信息====*/
  .productmsg{
    background:#eaeaea;
    margin-top:0.3rem;
  }
  .pro_msg{
    /*padding:0 0.08rem;*/
    /*margin-top: -0.9rem;*/
  }
  .pro_msg h5{
    font-size: 16px;
    /*padding-top: 0.08rem;*/
    background: #fff;
    padding: 0.08rem 0.1rem 0;
  }
  .shoucang{
    background:#fff;
    width:100%;
    border-top:1px solid #ededed;
    /*border-bottom:1px solid #ededed;*/
    /*padding:0.05rem 0;*/
    display:flex;
    justify-content: space-between;
  }
  .shoucang a{
    display:block;
  }
  .a1,.a2{
    width:15%;
    /*padding: 0.04rem 0;*/
    padding:0.05rem 0;

  }
  .a1 span,.a2 span{
    display:block;
  }
  .span1{
    width:0.11rem;
    height:0.10rem;
    margin:0 auto;
  }
  .span1 img{
    width:100%;
    height:100%;
    display:block;
  }
  .span2{
    font-size:12px;
    color:#666;
    text-align: center;
  }
  .a3{
    font-size:14px;
    color:#ff5777;
    background:#ffe6e8;
    width:35%;
    padding:0.05rem 0;
    text-align: center;
    align-items: center;
  }
  .a4{
    font-size:14px;
    color:#fff;
    background:#ff547b;
    width:35%;
    padding:0.05rem 0;
    text-align: center;
    align-items: center;
  }
  .free{
    background:#fff;
    font-size:14px;
    color:#999;
    padding:0.1rem 0.1rem;
    border-bottom:1px solid #eee;
  }
  .zhejiang{
    padding-left:0.5rem;
  }
  .white{
    display:flex;
    justify-content: space-between;
    margin-bottom: 0.1rem;
    background:#fff;
    padding: 0 0.1rem;

  }

  .white img{
    width:0.2rem;
    height:0.2rem;
    display:block;
  }
  .white span{
    font-size:14px;
    color:#999;
    display:flex;
    align-items: center;
  }
  .choice{
    padding:0.09rem  0.1rem;
    display:flex;
    justify-content: space-between;
    background:#fff;
    margin-bottom: 0.1rem;
  }
  .choice span{
    font-size:14px;
    color:#999;
  }
  .liangpin{
    padding:0.075rem 0.1rem;
    display:flex;
    justify-content: space-between;
    font-size:14px;
    color:#999;
    background:#fff;
    margin-bottom: 0.1rem;

  }
  .liangpin img{
    width:0.28rem;
    height:0.18rem;
    display:block;
  }
  .youhui{
    background:#fff;
    padding:0.1rem;

  }
  .p_one{
    font-size:14px;
    color:#999;
  }
  .three{
    display:flex;
    padding-top:0.05rem;
    box-sizing: border-box;
  }
  .y_block{
    width:30%;
    margin-right:0.05rem;
    background:#f74080;
  }
  .money{
    font-size:18px;
    padding:0.05rem 0;
  }
  .minus{
    font-size:12px;
    padding-bottom: 0.1rem;
  }



</style>
